<style>
#atp{
	width:920px;
	height:655px;
	font-size:14px;
	color: #FFFFFF;
	font-family: "Microsoft YaHei";
	float:left;
}
#top{
	background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
	height:450px;
	width:930px;
}
#speed{
	border-right:1px solid #1A1C1F;
	float:left;
    padding-right: 20px;
}
.square{
	display: inline-block;
	width: 5px;
	height: 10px;
	background: #7B8E8C;
	margin-right: 8px;
}
#speed .dataTime div{
	margin-top: 10px;
}
#speed .dataTime span{
	display: inline-block;
	width: 40px;
	margin-right: 10px;
	text-align: center;
}
#speed .dataTime input{
	width: 150px;
	background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124
}
#speed .dataTime input:focus {
	border: none;
    border: 1px solid yellow;
}
#train{
	margin-top: 20px;
}
#train .trainSpeed div{
	margin-top: 10px;
}
#train .trainSpeed input{
	margin-left: 10px;
    width: 150px;
	background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124
}
#test{
	text-align: center;
	clear:both;
}
#test button{
	width: 73px;
    height: 30px;
    background: #2C2F33;
    border: 1px solid #325C79;
    color: #FFFFFF;
    margin-top: 25px;
    margin-right: 15px;
}
#topCenter{
	width:280px;
	padding: 0 10px 0 10px;
	border-right:1px solid #1A1C1F;
	float:left;
	margin-left:20px;
}
#topCenter .controlMode div{
	margin-top: 10px;
}
#topCenter .controlMode span{
	display: inline-block;
	width: 75px;
	text-align: center;
}
#topCenter .controlMode select{
	width: 150px;
	background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124
}
#huilu{
	width: 150px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
    margin-left: 10px;
}
#cab{
	margin-top: 20px;
}
#cab .cabInformation div{
	margin-top: 10px;
}
#cab .cabInformation span{
	display: inline-block;
	width: 84px;
	text-align: center;
}
#cab .cabInformation select{
    margin-left: 10px;
    width: 150px;
	background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124
}
#topLight{
	width: 291px;
    padding: 0 10px 0 10px;
    float: left;
    margin-left: 20px;
}
#topLight .trainContent div{
	margin-top: 11px;
}
#topLight .trainContent div span{
	display: inline-block;
	width: 94px;
	text-align: left;
}
#topLight .trainContent div input{
	width: 150px;
	background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
    margin-left: 10px;
}
#topLight .trainContent div select{
	width: 150px;
	background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
    margin-left: 10px;
}
.returnedMessages div{
	margin-top: 30px;
}
#buttom{
    background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
	height:200px;
	width:930px;
}
#buttom .returnedMessagesHead{
}
#ATPReturnMsg{
	border-collapse:separate; 
	border-spacing:0px 30px;
	margin-left: 80px;
}
#ATPReturnMsg td{
	width:260px;
}
.ATPMsg{
	margin-bottom:12px;
}
#buttom .returnedMessagesHead
{
	margin-top:25px;
}
</style>
<!-- 右侧ATP页面 -->
<div id="atp">
	<!-- 上部分 -->
	<div id="top">
		<div align="left" class='ATPMsg'>
			<span class="square"></span>
			<span id="sTitle">ATP信息</span>
		</div>
		<!-- 上左部分 -->
		<!--日期时间 列车速度  -->
			<div id="speed">
				<!-- 日期时间 -->
				<div class="shijian">
					<!-- 日期时间标题 -->
					<div class="timeTitle">
						<span class="square"></span><span>日期时间</span>
					</div>
				<!-- 日期时间 -->
					<div class="dataTime">
						<div>
							<span>日期</span><input name="day" data="日期" id="day" type="text" readonly="readonly">
						</div>
						<div>
							<span>时间</span><input name="time" id="tim" type="text" readonly="readonly">
						</div>
					</div>
				</div>
				<!-- 列车速度 -->
				<div id="train">
					<!-- 列车速度标题 -->
					<div class="trainTitle">
						<span class="square"></span><span>列车速度</span>
					</div>
				<!-- 列车速度 -->
					<div class="trainSpeed">
						<div>
							<span>当前速度</span><input name="TrainSpeed" msg='当前速度' type="number" onkeyup="value=value.replace(/[^\d]/g,'')" value="0" min="1" max="500" id='MANIputStorageId450' class='numkeyboard'/>
						</div>
						<div>
							<span>当前限速</span><input name="LimitSpeed" msg='当前限速' type="number" onkeyup="value=value.replace(/[^\d]/g,'')" value="0" min="1" max="500" id='MANIputStorageId451' class='numkeyboard'/>
						</div>
						<div>
							<span>目标速度</span><input name="TargetSpeed" msg='目标速度' type="number" onkeyup="value=value.replace(/[^\d]/g,'')" value="0" min="1" max="500" id='MANIputStorageId452' class='numkeyboard'/>
						</div>
					</div>
				</div>
				
			</div>
		<!-- 上中部分 -->
			<div id="topCenter">
				<div class="trainControl">
					<!-- 列车控制模式标题 -->
					<div class="controlModeTitle">
						<span class="square"></span><span>列车控制模式</span>
					</div>
				<!-- 列车控制模式 -->
					<div class="controlMode">
						<div>
							<span>CTCS等级</span>
							<select name="CTCSLevel" class="sel">
								<option signalValue="0">CTCS0</option>
								<option signalValue="2">CTCS2</option>
								<option signalValue="3">CTCS3</option>
								<option signalValue="4">CTCS4</option>
								<option signalValue="7">未知</option>
							</select>
						</div>
						<div>
							<span>控制模式</span>
							<select name="ControlMode" class="sel">
								<option signalValue="1">完全监控(FS)</option>
								<option signalValue="2">部分监控(PS)</option>
								<option signalValue="3">隔离模式(IS)</option>
								<option signalValue="4">目视行车(OS)</option>
								<option signalValue="5">调车模式(SH)</option>
								<option signalValue="6">待机模式(SB)</option>
								<option signalValue="7">机车信号(CS)</option>
								<option signalValue="8">反向运行(RO)</option>
								<option signalValue="9">引导模式(CO)</option>
								<option signalValue="10">应答器故障(BF)</option>
								<option signalValue="0">未知</option>
							</select>
						</div>
					</div>
				</div>
				<!-- 驾驶室信息 -->
				<div id="cab">
					<!-- 驾驶室信息标题 -->
					<div class="cabTitle">
						<span class="square"></span><span>驾驶室信息</span>
					</div>
				<!-- 驾驶室信息 -->
					<div class="cabInformation">
						<div>
							<span>机车信息编码</span>
							<select name="Signal" class="sel">
								<option signalValue="0">无信号</option>
								<option signalValue="1">L3</option>
								<option signalValue="2">L2</option>
								<option signalValue="3">L</option>
								<option signalValue="4">LU</option>
								<option signalValue="5">LU2</option>
								<option signalValue="6">U</option>
								<option signalValue="7">U2S</option>
								<option signalValue="8">U2</option>
								<option signalValue="9">L6</option>
								<option signalValue="10">UUS</option>
								<option signalValue="11">UU</option>
								<option signalValue="12">HB</option>
								<option signalValue="13">HU</option>
								<option signalValue="14">H</option>
								<option signalValue="15">L4</option>
								<option signalValue="16">L5</option>
								<option signalValue="17">载波切换指令</option>
								<option signalValue="18">VLF（27.9）</option>
							</select>
						</div>
						<div>
							<span>信号速度编码</span>
							<select name="SpeedSignal" class="sel">
								<option signalValue="1">H</option>
								<option signalValue="2">U</option>
								<option signalValue="3">L3</option>
							</select>
						</div>
						<div>
							<span>轨道回路编码</span>
							<input name="TrackNo" msg='轨道回路编码' value="0" id="huilu" type="number" min="0" max="255" onkeyup="value=value.replace(/[^\d]/g,'')" id='MANIputStorageId453' class='numkeyboard'>
						</div>
					</div>
				</div>	
			</div>
		<!-- 上右部分 -->
		<div id="topLight">
			<!-- 列车位置 -->
			<div class="trainLocation">
				<!-- 列车位置标题 -->
					<div class="locationTitle">
						<span class="square"></span><span>列车位置</span>
					</div>
				<div class="trainContent">
						<div>
							<span>距离精度</span>
							<select name="DistanceScale" class="sel">
								<option signalValue="0">10cm</option>
								<option signalValue="1">1m</option>
								<option signalValue="2">10m</option>
								<option signalValue="3">备用</option>
							</select>
						</div>
						<div>
							<span>距离</span>
							<input name="Distance" msg='距离' type="number" onkeyup="value=value.replace(/[^\d]/g,'')" value="0" min="1" max="32766000" id='MANIputStorageId454' class='numkeyboard'/>
						</div>
						<div>
							<span>应答器NID_C</span>
							<input name="BaliseC" msg='应答器NID_C' value="0" type="number" onkeyup="value=value.replace(/[^\d]/g,'')" id='MANIputStorageId455' class='numkeyboard'>
						</div>
						<div>
							<span>应答器NID_BG</span>
							<input name="BaliseBG" msg='应答器NID_BG' value="0" type="number" onkeyup="value=value.replace(/[^\d]/g,'')" id='MANIputStorageId456' class='numkeyboard'>
						</div>
						<div>
							<span>列车方向1</span>
							<select name="TrainDirection1" class="sel">
								<option signalValue="0">逆线</option>
								<option signalValue="1">正线</option>
								<option signalValue="2">未知</option>
								<option signalValue="3">备用</option>
								<option signalValue="4">默认值逆线</option>
							</select>
						</div>
						<div>
							<span>列车方向2</span>
							<select name="TrainDirection2" class="sel">
								<option signalValue="0">逆线</option>
								<option signalValue="1">正线</option>
								<option signalValue="2">未知</option>
								<option signalValue="3">备用</option>
								<option signalValue="4">默认值逆线</option>
							</select>
						</div>
					</div>
			</div>		
		</div>
		<div id="test">
			<button id="startCeshi" onclick="tests('start');">开始测试</button>
			<button id="stopCeshi" onclick="tests('stop');">停止测试</button>
			<button id="updated" onclick="tests('updated');">更新数据</button>
		</div>
	</div>
	<!-- 下部分 -->
	<div id="buttom">
		<!-- 返回信息头部信息-->
		<div class="returnedMessagesHead">
			<span class="square"></span><span>返回信息</span>
		</div>
		<!-- 返回信息内容 -->
		<div class="returnedMessages">
			<table id='ATPReturnMsg'>
				<tr>
					<td>
						<span>LKJ时间:</span><span id="lkjTime"></span>
					</td>
					<td>
						<span>列车编号:</span><span id="trainNumber"></span>
					</td>
				</tr>
				<tr style='padding-top'>
					<td>
						<span>司机ID:</span><span id="driver"></span>
					</td>
					<td>
						<span>控制命令:</span><span id="commands"></span>
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>
<script src="../../textcommon/js/atp.js"></script>
<script src="../../textcommon/js/commonfun.js"></script>